<template>
  <div id="minder-container" style="height :1000px ;width: 2000px;magin-top: 300px;">
  </div>
</template>

<script>
import kity from 'kity'
import kikyminder from 'kityminder-core'
export default {
  data() {
    return {};
  },
  mounted() {
    this.naotu();
  },
  methods: {
    naotu() {
      this.km = new window.kityminder.Minder({
        renderTo: "#minder-container",
      });
      this.km.importJson({
        root: {
          data: {
            text: "test111",
          },
          children: [
            { data: { text: "新闻" } },
            { data: { text: "网页" } },
            { data: { text: "贴吧" } },
            { data: { text: "知道" } },
            { data: { text: "音乐" } },
            { data: { text: "图片" } },
            { data: { text: "视频" } },
            { data: { text: "地图" } },
            { data: { text: "百科", expandState: "collapse" } },
          ],
        },
        template: "default",
      });
    },
  },
};
</script>